.el-dropdown-menu__item {
  font-size: 12px !important;
  line-height: 28px !important;
}

.el-card.is-always-shadow {
  box-shadow: none;
  border: none !important;
}

.el-scrollbar__view {
  height: 100%;
}

.el-collapse-item__header {
  display: block !important;
}

.el-menu--horizontal {
  border-bottom: none !important;
}

.el-menu {
  border-right: none !important;
}

.el-menu--display,
.el-menu--display + .el-submenu__icon-arrow {
  display: none;
}

// .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
// .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
// .el-menu--horizontal > .el-submenu .el-submenu__title:hover,
// .el-dropdown-menu__item--divided:before,
// .el-menu{
//   background-color: transparent;
// }

.el-message__icon,
.el-message__content {
  display: inline-block;
}

.el-date-editor .el-range-input,
.el-date-editor .el-range-separator {
  height: auto;
  overflow: hidden;
}

.el-dialog__wrapper {
  z-index: 2048;
}

.el-col {
  margin-bottom: 8px;
}

.el-main {
  padding: 0 !important;
}

// .el-dropdown-menu__item--divided:before,
// .el-menu,
// .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus,
// .el-menu--horizontal > .el-menu-item:not(.is-disabled):hover,
// .el-menu--horizontal > .el-submenu .el-submenu__title:hover {
//   background-color: transparent !important;
// }

.el-menu--popup .el-menu-item {
  background-color: #fff;
}

//  添加主题样式-----------------------------------------------------------------------------------------------------

/* 
 *  按钮 button
 */
.el-button--primary {
  .borderColor();
  .bgColor();
}

.el-button:hover {
  opacity: 0.9;
}

.el-button--default:not(.el-button--primary):hover {
  .color();
  .borderColor();
  opacity: 1;
  background-color: white;
}

/* 
 * 输入框 input textarea
 */
.el-input {
  .el-input__inner:focus-within {
    .borderColor();
  }
}

.el-textarea {
  .el-textarea__inner:focus {
    .borderColor();
  }
}

/* 
 * 单选 radio
 */
.el-radio {
  .el-radio__input.is-checked {
    .el-radio__inner {
      .borderColor();
      .bgColor();
    }

    .el-radio__inner:hover {
      .borderColor();
    }
  }

  .el-radio__label {
    .color();
  }
}

/* 
 *多选 checkbox
 */
// 激活状态
.el-checkbox.is-checked {
  .el-checkbox__input {
    .el-checkbox__inner {
      .borderColor();
      .bgColor();
    }
  }

  .el-checkbox__label {
    .color();
  }
}

.el-checkbox {
  // 聚焦状态
  .el-checkbox__input.is-focus {
    .el-checkbox__inner {
      .borderColor();
    }
  }

  // 未选中状态
  .el-checkbox__inner:hover {
    .borderColor();
  }
}

/* 
 * 下拉框 el-select
 */
.el-select {
  .el-input.is-focus .el-input__inner,
  .el-input__inner:hover {
    .borderColor();
  }
}

.el-select-dropdown__wrap {
  .el-select-dropdown__item.selected {
    .color();
  }
}

/* 
 * 树形 tree
 */
.el-tree {
  .el-tree-node__content {
    // 多选框
    .el-checkbox {
      .el-checkbox__input {
        &.is-checked,
        &.is-indeterminate,
        &.is-focus {
          .el-checkbox__inner {
            .borderColor();
          }
        }

        &.is-checked,
        &.is-indeterminate {
          .el-checkbox__inner {
            .bgColor();
          }
        }
      }
    }

    // .el-tree-node.is-current>.el-tree-node__content
    // 文字
  }

  .el-tree-node.is-current.is-checked {
    & > .el-tree-node__content {
      .el-tree-node__label {
        .color();
      }
    }
  }

  .el-tree-node.is-current {
    & > .el-tree-node__content {
      .el-tree-node__label {
        // color: #606266;
        color: #fff;
      }
    }
  }

  .el-tree-node.is-current {
    & > .el-tree-node__content {
      // background: #fff;
      .bgColor()
    }
  }

  .el-tree-node.is-checked {
    & > .el-tree-node__content {
      .el-tree-node__label {
        .color();
      }
    }
  }
}

/* 
 * 分页 pagination
 */
.el-pagination {
  .el-pager {
    .number.active {
      .bgColor();
      color: #fff;
    }

    .number:not(.active):hover {
      .color();
    }

    .el-icon-d-arrow-right,
    .el-icon-d-arrow-left {
      .color();
    }
  }
}

/* 
 * 页签 tabs
 */

.el-tabs {
  .is-active {
    .color();
  }

  .el-tabs__item:hover {
    .color();
  }

  .el-tabs__active-bar {
    .bgColor();
  }
}

/* 
  * 弹框 dialog
  */
.el-dialog {
  .el-dialog__header:hover {
    .el-dialog__close {
      .color();
    }
  }
}

/* 
  * el-switch
  */
.el-switch.is-checked .el-switch__core {
  .bgColor();
  .borderColor();
}

/* 
 *  loading 
 */

#app {
  .el-loading-mask {
    z-index: 1900;
  }
}
